<template>
  <div id="app">
    <xyLayOut>
      <template #left>
        <div class="left-container"><siteAside></siteAside></div>
      </template>
      <RouterView></RouterView>

      <template #right>
        <div></div>
      </template>
    </xyLayOut>
  </div>
</template>

<script>
import { RouterView } from 'vue-router'
import xyLayOut from './components/layout/xyLayOut.vue'
import siteAside from './components/siteAside/siteAside.vue'
export default {
  components: {
    xyLayOut,
    RouterView,
    siteAside,
  },
  data() {
    return {}
  },
  methods: {},
  mounted() {},
}
</script>
<style>
@import './assets/common.css';

#app {
  display: flex;
  width: 100vw;
  height: 100vh;
}
.left-container {
  width: 250px;
  background-color: #666666;
  height: 100vh;
}
</style>
